<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>Title</title>
    <meta charset="UTF-8">
    <script src="../../easyui/jquery.min.js" type="text/javascript"></script>
    <script src="../../easyui/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="../../easyui/easyui-lang-zh_CN.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/gray/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/icon.css">

</head>
<body class="easyui-layout">

<div data-options="region:'north'" style="height: 70px"><h1 style="display: inline">1801数据管理后台</h1><a href="/logout.html">退出</a></div>
<div data-options="region:'west'" title="菜单" style="width: 200px">
    <ul class="easyui-tree" id="main-menu">
        <%--<li>--%>
        <%--<span>酒店管理</span>--%>
        <%--<ul>--%>
        <%--<li data-options="attributes:{'url':'page.jsp'}">索引管理</li>--%>
        <%--<li data-options="attributes:{'url':'page2.jsp'}">用户管理</li>--%>
        <%--<li>酒店列表</li>--%>
        <%--</ul>--%>
        <%--</li>--%>
        <%--<li>--%>
        <%--<span>航班管理</span>--%>
        <%--<ul>--%>
        <%--<li>订单管理</li>--%>
        <%--</ul>--%>
        <%--</li>--%>
    </ul>
</div>
<div data-options="region:'center',iconCls:'icon-tip'" title="管理后台">
    <div id="main-tabs" class="easyui-tabs"></div>
</div>
<script type="text/javascript">
    $(function () {
        $("#main-menu").tree({
            url: '<%=request.getContextPath()%>/user_menu.html',
            onClick: function (node) {
                var mainMenuTree = $("#main-menu").tree();
                //如果是子节点
                if (mainMenuTree.tree("isLeaf", node.target)) {
                    //如果选项卡已存在，就选中
                    if ($('#main-tabs').tabs('exists', node.text)) {
                        $('#main-tabs').tabs('select', node.text)
                    } else {//如果选项卡不存在，就添加
                        $('#main-tabs').tabs('add', {
                            title: node.text,
                            closable: true,
                            // href: node.attributes.url
                            href: node.url
                        });
                    }
                }
            }
        })
    })
</script>
</body>
</html>
